<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="reset.css">
    <link rel="shortcut icon" href="zhong.ico" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
    <script src="index.js"></script>
    <title>忠县风景区旅游官网</title>

</head>
<body>
<section id="wrap">
    <div id="mask">
        <div class="up"></div>
        <div class="down"></div>
        <div class="line"></div>

    </div>
    <header id="head">
        <div class="headMain">
            <h1 class="logo">
                <a href="index.html">
                    <img src="./imgs/logo.png" style="width: auto;height: 31px">
                </a>
            </h1>
            <nav class="nav clearfix">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                <img src="./imgs/home_gruen.png" alt="">
                            </div>
                            <div class="down">
                                <img src="./imgs/home.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                三峡橘海
                            </div>
                            <div class="down">
                                三峡橘海
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                生态湿地
                            </div>
                            <div class="down">
                                生态湿地
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                石宝寨
                            </div>
                            <div class="down">
                                石宝寨
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                天子山
                            </div>
                            <div class="down">
                                天子山
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                其他景区
                            </div>
                            <div class="down">
                                其他景区
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="up">
                                联系我们
                            </div>
                            <div class="down">
                                联系我们
                            </div>
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="music">
                <audio src="./imgs/heart.mp3" loop></audio>
            </div>
            <div class="arrow"></div>
        </div>
    </header>
    <section id="content">
        <ul class="list">
            <li class="home">
                <ul class="mydiv">
                    <li style="left:50px">
                        <div class="mydiv-item bgcolor1">
                            <div class="mydiv-info" style="margin-left: 100px">
                                <div class="mydiv-title">重庆忠县</div>
                                <div class="mydiv-label"><span class="label label-inverse">全国文明县城</span><span
                                        class="label">国家园林县城</span></div>
                                <div class="mydiv-detail">忠县（重庆市下辖县)忠县位于重庆中部、三峡库区腹心地带，距离主城210公里。是中国历史上唯一以“忠”字命名的州县城市.
                                </div>
                            </div>
                        </div>
                    </li>
                    <li style="left:150px;top: 550px;">
                        <div class="mydiv-item bgcolor2">
                            <div class="mydiv-info" style="margin-right: 100px">
                                <div class="mydiv-title" style="font-size: 18px">风景名胜</div>
                                <div class="mydiv-label" style="font-size: 12px"><span
                                        class="label label-inverse">㽏井沟</span><span
                                        class="label">“三峡橘乡”田园综合体</span><span class="label label-info">石宝寨</span></div>
                                <div class="mydiv-detail" style="font-size: 12px">白公祠
                                    无铭阙—丁房阙
                                    天池山
                                    陆贽墓
                                    烽烟三国
                                    三峡橘海
                                    花田溪谷
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
                <section>
                    <ul class="home1">
                        <li class="commonTitle active">
                            <div class="item"></div>
                        </li>
                        <li class="commonTitle">
                            <div class="item"></div>
                        </li>
                        <li class="commonTitle">
                            <div class="item"></div>
                        </li>
                        <li class="commonTitle">
                            <div class="item"></div>
                        </li>
                        <li class="commonTitle">
                            <div class="item"></div>
                        </li>
                        <li class="commonTitle">
                            <div class="item"></div>
                        </li>
                    </ul>
                    <ul class="home2">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </section>
            </li>
            <li class="course">
                <ul class="mydiva">
                    <li style="left:0px">
                        <div class="mydiva-item bgcolor1">
                            <div class="mydiva-info"
                                 style="margin-left: 100px ;background-color: rgba(255,255,255,0.9);">
                                <div class="mydiva-title">三峡橘海</div>
                                <div class="mydiva-label"><span class="label label-inverse">大型孤岛</span><span
                                        class="label">万亩柑橘果园</span><span class="label">优质柑橘产业化</span></div>
                                <div class="mydiva-detail"> "三峡橘海"景区是长江边的一个大型孤岛，主体景观是万亩柑橘果园。
                                    该橘海是忠县将"新农村建设"和乡村旅游发展相结合创出的示范区，是
                                    忠县50万亩优质柑橘产业化项目的重要组成部分。
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div id="tour">
                    <figure>
                        <a href="#"><img src="imgs/tour1.jpg" alt='曼谷-芭</a>提雅6日游'></a>
                        <figcaption><strong class='title'>&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
                        </figcaption>
                        <div>
                            <span class='price'>¥ <strong>2865</strong> 起</span>
                            <em class='sat'>满意度77%</em>
                        </div>
                        <div class="type">
                            国内长线
                        </div>
                    </figure>
                    <figure>
                        <a href="#"><img src="imgs/tour2.jpg" alt='美国'></a>
                        <figcaption><strong class='title'>&lt;美国6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
                        </figcaption>
                        <div>
                            <span class='price'>¥ <strong>2865</strong> 起</span>
                            <em class='sat'>满意度77%</em>
                        </div>
                        <div class="type">
                            国际长线
                        </div>
                    </figure>
                    <figure>
                        <a href="#"><img src="imgs/tour1.jpg" alt='曼谷-芭</a>提雅6日游'></a>
                        <figcaption><strong class='title'>&lt;曼谷-芭提雅6日游&gt;</strong>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
                        </figcaption>
                        <div>
                            <span class='price'>¥ <strong>2865</strong> 起</span>
                            <em class='sat'>满意度77%</em>
                        </div>
                        <div class="type">
                            国内长线
                        </div>
                    </figure>
                </div>
                >
                <section>
                    <div class="course3">
                        <div class="item">
                            <div class="backFace"></div>
                            <div class="face">床前明月光</div>
                        </div>
                        <div class="item">
                            <div class="backFace"></div>
                            <div class="face">床前明月光asfafsafsa</div>
                        </div>
                        <div class="item">
                            <div class="backFace"></div>
                            <div class="face">床前明月光</div>
                        </div>
                        <div class="item">
                            <div class="backFace"></div>
                            <div class="face">床前明月光</div>
                        </div>
                    </div>
                    <div class="plane1"></div>
                    <div class="plane2"></div>
                    <div class="plane3"></div>
                </section>
            </li>
            <li class="works">
                <section>
                    <header class="works1 commonTitle">
                        <span>生态湿地</span><br/>

                    </header>
                    <div class="works2">
                        <div class="item">
                            <img src="./imgs/worksimg1.jpg">
                            <div class="mask">
                                <span>别人笑我太疯癫，我笑他人看不穿</span>
                                <div class="icon"></div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/worksimg2.jpg">
                            <div class="mask">
                                <span>别人笑我太疯癫，我笑他人看不穿</span>
                                <div class="icon"></div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/worksimg3.jpg">
                            <div class="mask">
                                <span>How are you?</span>
                                <div class="icon"></div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/worksimg4.jpg">
                            <div class="mask">
                                <span>How are you?</span>
                                <div class="icon"></div>
                            </div>
                        </div>
                    </div>
                    <div class="works3"></div>
                    <div class="pencel1"></div>
                    <div class="pencel2"></div>
                    <div class="pencel3"></div>
                </section>
            </li>
            <li class="about">
                <section>
                    <header class="about1 commonTitle">
                        <span>石宝寨</span><br>
                        <span></span><br>
                        <span></span><br>
                    </header>
                    <div class="about2 commonText">
                        <p>
                        </p>
                    </div>
                    <div class="about3">
                        <div class="item">
                            <span></span>
                            <ul data-src="./imgs/about1.jpg"></ul>
                        </div>
                        <div class="item">
                            <span></span>
                            <ul data-src="./imgs/about3.jpg"></ul>
                        </div>
                    </div>
                    <div class="about4"></div>
                </section>
            </li>
            <li class="team">
                <section>
                    <header class="team1 commonTitle">
                        <span>天子山</span><br>
                        <span></span><br>
                    </header>
                    <div class="team2">
                        <p class="commonText"></p>
                        <p class="commonText"></p>
                    </div>
                    <section id="roll">
                        <span id="left"></span>
                        <span id="right"></span>
                        <ul id="ul">
                            <li>
                                <a href=""><img src="images/display/display0.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display1.jpg" alt=""><span>落叶</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure3.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure4.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure5.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display2.jpg" alt=""><span>都市风情</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure6.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure7.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure8.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display3.jpg" alt=""><span>古城古镇</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure9.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure10.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure11.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display4.jpg" alt=""><span>书房</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure12.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure13.JPG" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure14.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display5.jpg" alt=""><span>草原</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure15.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure16.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure17.JPG" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display13.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display4.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display3.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display2.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display1.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                            <li>
                                <a href=""><img src="images/display/display0.jpg" alt=""><span>徒步</span></a>
                                <p>
                                    有124种徒步灵感等你探索<br>
                                    它们由102位旅行家亲历整理<br>
                                    <a href="" class="figure"><img src="images/figure/figure.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure1.jpg" alt=""></a>
                                    <a href="" class="figure"><img src="images/figure/figure2.jpg" alt=""></a>&nbsp;&nbsp;
                                    <a href="" class="figure"><img src="images/icon/icon2.png" alt=""></a>
                                </p>
                            </li>
                        </ul>
                        <div style="clear: both;"></div>
                    </section>


                </section>
            </li>
            <li class="ad">
                <section>
                    <ul class="mydivb">
                        <li style="left: 950px">
                            <div class="mydivb-item bgcolor1">
                                <div class="mydivb-info" style="margin-top: 50px">
                                    <div class="mydiv-title">重庆忠县</div>
                                    <div class="mydiv-label"><span class="label label-inverse">位置境域</span><span
                                            class="label">地形地貌</span><span class="label">气候</span><span
                                            class="label">水文</span></div>
                                    <div class="mydiv-detail">

                                        忠县位于长江上游地区、重庆东部，上距重庆主城九区180公里，下距重庆万州105公里。东北与万州区相邻，西接垫江县，东南与石柱土家族自治县毗邻，西南与丰都县接壤，北与梁平区为界。介于东经107°3′至108°14′、北纬30°03′至30°35′之间。东西长66.45公里，南北宽60.15公里，幅员面积2187平方公里。

                                        <br>
                                        <br>

                                        忠县境内低山起伏，溪河纵横交错，其地貌由金华山、[方斗山]、猫耳山三个背斜和其间的拔山、忠州两个向斜构成，最高海拔1680米，最低海拔117米，属典型的丘陵地貌。

                                        <br>
                                        <br>

                                        忠县地处暖湿亚热带东南季风区，属亚热带东南季风区山地气候。温热寒凉，四季分明，雨量充沛，日照充足。≥10℃年积温5787℃，年均温18.2℃，无霜期341天，日照时数1327.5小时，日照率29%，太阳总辐射能83.7千卡/平方厘米，年降雨量1200毫米，相对湿度80%。

                                        <br>
                                        <br>

                                        忠县境内有溪河28条，均属长江水系，从长江北岸汇入的有10条，南岸汇入的有11条，流经垫江、丰都后汇入的有7条，其中流域面积大于50平方公里的有8条。最大的溪河是黄金河，其次是汝溪河。
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <video width="920" height="660" controls autoplay>
                        <source src="movie.ogg" type="video/ogg">
                        <source src="忠县影视.mp4" type="video/mp4">
                        <source src="movie.webm" type="video/webm">
                        <object data="忠县影视.mp4" width="920" height="660">
                            <embed width="920" height="660" src="忠县影视.mp4">
                        </object>

                    </video>


                    <div class="ad3">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </section>
            </li>
            <li class="add">
                <section>
                    <footer>

                        <div class="container-footer-all">

                            <div class="container-body">

                                <div class="colum1">
                                    <h1>联系我们</h1>

                                    <p>忠县版权所有 忠县办公室主办</p>

                                </div>

                                <div class="colum2">

                                    <h1>分享与保持</h1>

                                    <div class="row">
                                        <img src="imgs/facebook.png">
                                        <label>Siguenos en Facebook</label>
                                    </div>
                                    <div class="row">
                                        <img src="imgs/twitter.png">
                                        <label>Siguenos en Twitter</label>
                                    </div>
                                    <div class="row">
                                        <img src="imgs/instagram.png">
                                        <label>Siguenos en Instagram</label>
                                    </div>
                                    <div class="row">
                                        <img src="imgs/google-plus.png">
                                        <label>Siguenos en Google Plus</label>
                                    </div>
                                    <div class="row">
                                        <img src="imgs/pinterest.png">
                                        <label>Siguenos en Pinteres</label>
                                    </div>


                                </div>

                                <div class="colum3">

                                    <h1>咨询与查询</h1>

                                    <div class="row2">
                                        <img src="imgs/house.png">
                                        <label>网站标识码：5002330002  </label></div>

                                    <div class="row2">
                                        <img src="imgs/smartphone.png">
                                        <label>ICP备案：渝ICP备19012087号-1</label></div>

                                    <div class="row2">
                                        <img src="imgs/contact.png">
                                        <label>渝公网安备 50023302000115号</label>
                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="container-footer">
                            <div class="footer">
                                <div class="copyright">
                                    © 2021 忠县旅游风景区官网 | <a href="">旅游官网</a>
                                </div>

                            </div>

                        </div>

                    </footer>

                    <div class="add3">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </section>
            </li>
        </ul>
        <ul class="dot">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>
</section>

</body>

</html>